<template>
  <div class="List">
      <div class="List_StyleLeftBox">
          <HomeSwiParNav></HomeSwiParNav>
      </div>
      <div class="List_StyleRightBox">
          <div class="List_StylerRightBoxNav">
              <HomeSwiParLeft></HomeSwiParLeft>
          </div>
         
      </div>
  </div>
</template>

<script>
import HomeSwiParLeft from '../../components/HomeSwiParLeft';

import HomeSwiParNav from '../../components/HomeSwiParNav'
export default {
     data() {
        return {
            
        }
    },
    created() {
        
    },
    components:{
        HomeSwiParLeft,
        HomeSwiParNav
    }
}
</script>

<style>
.List{
    width: 100%;
    height: 100%;
    display: flex;
}
.List_StyleLeftBox{
    width: 15%;
    height: 100%;
    border-right: 1px solid #ccc;
}
.List_StyleRightBox{
    flex: 1;
}
.List_StylerRightBoxNav{
     width: 15%;
    height: 100%;
    border-right: 1px solid #ccc;
}
</style>